<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>格式化文本</title>
    <link rel="stylesheet" href="./文本.css">
</head>

<body>
    <!-- header -->
    <div class="header">
        <a href="#" target="_blank">
            <p>文本1</p>
        </a>
        <a href="./文本2.html" target="_blank">
            <p>文本2</p>
        </a>
        <a href="./文本3.html" target="_blank">
            <p>文本3</p>
        </a>
        <a href="./文本4.html" target="_blank">
            <p>文本4</p>
        </a>
    </div>
    <!-- header end -->
    <div class="nav">
        <p>百度为您找到以下结果</p>
        <span class="nav-fool">
            <img src="./img/搜索工具.png" width="12">
            <p>搜索工具</p>
        </span>
    </div>
    <div class="nav-box">
        <a href="https://www.baidu.com/s?tn=85070231_53_hao_pg&ie=utf-8&wd=%E8%8C%83%E7%8E%89">范玉</a>
        <p>（古装剧 《长风渡》中的... - 百度百科</p>
    </div>
    <div class="main">
        <img src="./img/长风渡.webp">
        <div class="main-right">
            <p>登场作品： 《长风渡》</p>
            <p>饰演： 赵奂然</p>
            <p>简介： <span style="color: red;">范玉</span> 是古装剧《长风渡》中的男配角， 由赵奂...<span style="color: blue;">详情></span></p>
        </div>
        <div class="main-button-1">
            <p>角色介绍</p>
        </div>
        <div class="main-button-2">
            <p>登场作品</p>
        </div>
    </div>
    <div class="foot">
        <p>百度百科</p>
        <img src="./img/展开.png">
    </div>
</body>

</html>